import { Result, Button } from 'antd';
import { useHistory } from 'react-router-dom';
import { FC } from 'react';
const  NotExist: FC = () => {
  const history = useHistory()

  const skipHomePage = () => {
    history.push('/')
  }
  return (
    <Result
      status="404"
      title="404"
      subTitle="Sorry, the page you visited does not exist."
      style={{marginTop: "150px"}}
      extra={<Button type="primary" onClick={skipHomePage}>Back Home</Button>}
  />
  )
}

export default NotExist
